html,bady{ font-size: 100px !important}
.cd-close{position: absolute;z-index: 1000;width: 0.5rem;height: 0.8rem;color: #fff;}
.cd-close:hover{color: #fff;}
.cd-more-info{ z-index: 1000000}

/*引导页1*/
.mask1{position: absolute;top: 1.35rem;left:0rem;width: 1.2rem;height: 4.4rem;box-shadow: 0 0 0.01rem 100rem rgba(0,0,0,.6);z-index: 10000}
.cd-single-step:nth-of-type(1) .cd-more-info{top: 1.6rem;left: 1.5rem;position: relative;z-index: 1000000; width:6.98rem; height: 2.67rem}
.img-ts-1{float: left; width:6.98rem; height: 2.67rem }
.cd-tour-nav1{ position: absolute; bottom: 0.3rem; left: 50%;}
.cd-tour-nav1 a{font-size: 0.18rem;color: #398fd7;font-weight: bold;padding: 0.03rem 0.2rem;border-radius: 0.3rem; background: #fff; text-decoration: none}
.cd-tour-nav1 a.inactive{color: #cbccc8;cursor: not-allowed;}
.cd-close1{ position: absolute; right: 0; top: 0}

/*引导页2*/
.mask2{position: absolute;top: 5.9rem;left: 0rem;width: 12rem;height: 1.43rem;box-shadow: 0 0 0.01rem 100rem rgba(0,0,0,.6);z-index: 100; z-index: 1000}
.cd-single-step:nth-of-type(2) .cd-more-info{top: 2.6rem;left: 4.1rem;position:relative;z-index: 1000000;  width:6.11rem; height: 3.16rem}
.img-ts-2{float: left; width:6.11rem; height: 3.16rem; }
.cd-tour-nav2{ position: absolute; top: 1.3rem; left: 2rem;}
.cd-tour-nav2 a{font-size: 0.18rem;color: #398fd7;font-weight: bold;padding: 0.03rem 0.2rem;border-radius: 0.3rem; background: #fff; text-decoration: none}
.cd-tour-nav2 a.inactive{color: #cbccc8;cursor: not-allowed;}
.cd-tour-nav2 .cd-prev{ margin-right: 0.2rem}
.cd-close2{ position: absolute; right: 0; top: -0.6rem}


/*引导页3*/
.mask3{position: absolute;top: 0.6rem;left:8.5rem;width: 3.5rem;height: 0.5rem;box-shadow: 0 0 0.01rem 100rem rgba(0,0,0,.6);z-index: 1000}
.cd-single-step:nth-of-type(3) .cd-more-info{top: 1.4rem;left: 4.1rem;position:relative;z-index: 1000000;width:6.81rem; height: 2.67rem;}
.img-ts-3{float: left; width:6.81rem; height: 2.67rem; }
.cd-tour-nav3{ position: absolute; top: 2.1rem; left: 2rem;}
.cd-tour-nav3 a{font-size: 0.18rem;color: #398fd7;font-weight: bold;padding: 0.03rem 0.2rem;border-radius: 0.3rem; background: #fff; text-decoration: none}
.cd-tour-nav3 a.inactive{color: #cbccc8;cursor: not-allowed;}
.cd-tour-nav3 .cd-prev{ margin-right: 0.2rem}
.cd-close3{ position: absolute; right: 1.7rem; top: 0.8rem}


/*引导页4*/
.mask4{position: absolute;top: 1.32rem;left: 12.12rem;width: 0.7rem;height: 3rem;box-shadow: 0 0 0.01rem 100rem rgba(0,0,0,.6);z-index: 1000}
.cd-single-step:nth-of-type(4) .cd-more-info{top: 1.6rem;left: 4.9rem;position:relative;z-index: 1000000; width:6.99em; height: 2.61rem;}
.img-ts-4{float: left; width:6.99rem; height: 2.61rem; }

.cd-tour-nav4{ position: absolute;width:2.99rem; top: 2rem; left: 2rem;}
.cd-tour-nav4 a{font-size: 0.18rem;color: #398fd7;font-weight: bold;padding: 0.03rem 0.2rem;border-radius: 0.3rem; background: #fff; text-decoration: none}
.cd-tour-nav4 a.inactive{color: #cbccc8;cursor: not-allowed;}
.cd-tour-nav4 .cd-prev{ margin-right: 0.2rem}
.cd-close4{ position: absolute; right:-4.4rem; top: 0.2rem}







.cd-tour-wrapper{position: fixed;z-index: 2000000;height: 100%;width: 100%;margin-left: -6rem;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);visibility: hidden;opacity: 0;-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;-moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;transition: opacity 0.4s 0s, visibility 0s 0.4s; }

.cd-tour-wrapper::before{/* never visible - this is used in jQuery to check the current MQ */display: none;content: 'mobile';}
.cd-tour-wrapper.active{/* start tour */visibility: visible;opacity: 1;-webkit-transition: opacity 0.4s 0s, visibility 0s 0s;-moz-transition: opacity 0.4s 0s, visibility 0s 0s;transition: opacity 0.4s 0s, visibility 0s 0s;width: 100%;height: 100%;}
.cd-tour-wrapper{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.cd-tour-wrapper::before{/* never visible - this is used in jQuery to check the current MQ */content: 'desktop';}
.cd-tour-wrapper.active{visibility: hidden;}}
.active .cd-single-step{width: 100%;height: 100%;}

.cd-single-step{/* tour single step */position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;}
.cd-single-step > span{/* dot indicator - visible on desktop version only */position: relative;z-index: 1;display: block;width: 10px;height: 10px;border-radius: inherit;background: #ff962c;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s; /* replace text with background images */overflow: hidden;text-indent: 100%;white-space: nowrap; /* hide on mobile */display: none;}
.cd-single-step::after{/* this is used to create the pulse animation */content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: inherit; /* Force Hardware Acceleration */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden; /* hide on mobile */display: none;}
.active .cd-single-step{/* tour started */-webkit-transform: scale(1) translateX(100%);-moz-transform: scale(1) translateX(100%);-ms-transform: scale(1) translateX(100%);-o-transform: scale(1) translateX(100%);transform: scale(1) translateX(100%);-webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;-moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s;transition: transform 0.4s 0s, opacity 0.4s 0s;}
.active .cd-single-step.move-left{-webkit-transform: scale(1) translateX(-100%);-moz-transform: scale(1) translateX(-100%);-ms-transform: scale(1) translateX(-100%);-o-transform: scale(1) translateX(-100%);transform: scale(1) translateX(-100%);}
.active .cd-single-step.is-selected{/* visible step */opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s 0s;-moz-transition: -moz-transform 0.4s 0s;transition: transform 0.4s 0s;}


.cd-single-step{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);border-radius: 50%;visibility: hidden;opacity: 1;background-color: transparent;box-shadow: none;-webkit-transition: visibility 0s 0.4s;-moz-transition: visibility 0s 0.4s;transition: visibility 0s 0.4s;list-style: none}


.cd-single-step > span, .cd-single-step::after{display: block;}
.active .cd-single-step, .active .cd-single-step.move-left{-webkit-transition: visibility 0s 0.4s;-moz-transition: visibility 0s 0.4s;transition: visibility 0s 0.4s;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.cd-single-step.is-selected{visibility: visible;-webkit-transition: visibility 0s 0s;-moz-transition: visibility 0s 0s;transition: visibility 0s 0s;}
.cd-single-step.is-selected > span{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.cd-single-step.is-selected::after{}
.cd-single-step.is-selected .cd-more-info{opacity: 1;}



.cd-single-step .cd-more-info{z-index: 1;width: 100%;}